<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<include file="Public/head"/> 
  
</head>
<body>
		<!-- start-header section-->
			<div class="header">
				<div class="container">
				     <div class="top-header">
						<div class="phone">
							<ul>
								<li><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span></li>
								<li><p>欢迎用户</p></li>
							</ul>
						</div>
						<div class="logo">
							<h1><a href="{:U('Index/index')}">ICOOK</a></h1>
						</div>
						<div class="header-right">
						<div class="login">
						<a href="{:U('Users/login')}">登录</a>
						</div>
					
				</div>
		
						<div class="clearfix"></div>
					</div>	
				</div>
			</div>
		<!-- end-header section-->
		<!--start-banner-->
			<div class="banner">
				<div class="container">
					<div class="top-menu">
					<span class="menu"><img src="images/nav.png" alt=""/> </span>
						<ul>
							<li><a  href="{:U('Index/index')}" class="active">首页</a></li>
							<li><a  href="{:U('Users/about')}">关于我们</a></li>
							
						</ul>
						<!-- script for menu -->
									
							 <script>
							 $("span.menu").click(function(){
							 $(".top-menu ul").slideToggle("slow" , function(){
							 });
							 });
							 </script>
						<!-- //script for menu -->

					</div>
					<section class="slider">
						<div class="flexslider">
							<ul class="slides">
								<li>
									<div class="slider-info">
										<h2>Welcome</h2>
										<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
									</div>
								</li>
								<li>
									<div class="slider-info">
									<h2>Welcome</h2>
										<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
									</div>
								</li>
								<li>	
									<div class="slider-info">
									<h2>Welcome</h2>
										<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
									</div>
								</li>
							</ul>
						</div>
					</section>
						<!-- FlexSlider -->
							  <script defer src="js/jquery.flexslider.js"></script>
							  <script type="text/javascript">
									$(function(){
									  SyntaxHighlighter.all();
									});
									$(window).load(function(){
									  $('.flexslider').flexslider({
										animation: "slide",
										start: function(slider){
										  $('body').removeClass('loading');
										}
									  });
									});
							  </script>
						<!-- FlexSlider -->
				</div>	
			</div>
		<!--end-banner-->
			
			<div class="content">
				<!--hot-offer-->
					<div class="today-offer">
						<div class="today-head">
						<h3>今日最火</h3>
							<p>这些都是点击量最高的哦~~亲们赶快行动起来吧~~~~</p>
					</div>
                    <volist name="food" id="vo">
					<div class="today-grids"> 

						<div class="col-md-3 today-grid test1">
                    
						<img src="__PUBLIC__/Uploads/foodphoto/{$vo.photo}" class="img-responsive" alt="/" style="width:300px; height:200px;">
							<div class="textbox">
								<h4>{$vo.name} </h4>
								<p>{$vo.jianjie}</p>
							</div>
                   
						</div>
                         </volist>
						
					</div> -->
				</div>
				<!--end-hot-offer-->
				
				<div class="order-grids">
				<div class="container">
				<div class="order-head">
						<h3>菜品分类</h3>
							<p>总有一款适合您~~~大江南北的~~~~</p>
					</div>
				<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
					<div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingOne">
							<h4 class="panel-title">
								<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
									外国菜谱
								</a>
							</h4>
						</div>


						<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
							<div class="panel-body">

							<volist name="food2" id="vo">
								<div class="col-md-3 order-grid">
								<img src="__PUBLIC__/Uploads/foodphoto/{$vo.photo}" class="img-responsive" alt="/">
								</div>
                       </volist>

							
							</div>
						</div>



					</div>
					<div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingTwo">
							<h4 class="panel-title">
								<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
								中国菜谱
								</a>
							</h4>
						</div>
						<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">


							<div class="panel-body">
						
	<volist name="food3" id="vo">
								<div class="col-md-3 order-grid">
								<img src="__PUBLIC__/Uploads/foodphoto/{$vo.photo}" class="img-responsive" alt="/">
								</div>
                       </volist>



						</div>
						</div>




					<div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingThree">
							<h4 class="panel-title">
								<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
							家常菜谱
								</a>
							</h4>
						</div>
						<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
							<div class="panel-body">
							


<volist name="food4" id="vo">
								<div class="col-md-3 order-grid">
								<img src="__PUBLIC__/Uploads/foodphoto/{$vo.photo}" class="img-responsive" alt="/">
								</div>
                       </volist>

							</div>
						</div>
					</div>
										<div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingFour">
							<h4 class="panel-title">
								<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFoure">
							烘培屋
								</a>
							</h4>
						</div>
						<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
							<div class="panel-body">
							<volist name="food5" id="vo">
								<div class="col-md-3 order-grid">
								<img src="__PUBLIC__/Uploads/foodphoto/{$vo.photo}" class="img-responsive" alt="/">
								</div>
                       </volist>
							</div>
						</div>
					</div>


				</div>
			</div>
			</div>
		 <include file="Public/footer"/> 
	
</body>
</html>
	